import { PageContainer } from '@ant-design/pro-layout'
import { Button, Card, Col, Row } from 'antd'
import { useRouter } from 'next/router'
import React from 'react'

const HomePage: React.FC = () => {
  const router = useRouter()

  return (
    <PageContainer>
      <Row gutter={[16, 16]}>
        <Col span={24}>
          <Card title="直播大厅">
            <Button type="primary" onClick={() => router.push('/live/123')}>
              进入直播间
            </Button>
          </Card>
        </Col>
        <Col span={12}>
          <Card title="热门直播">{/* 直播列表组件 */}</Card>
        </Col>
        <Col span={12}>
          <Card title="最新动态">{/* 动态信息组件 */}</Card>
        </Col>
      </Row>
    </PageContainer>
  )
}

export default HomePage
